Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update basestyle.ts with avoid global 'box-sizing:border-box' #17502

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

SergiOn
Copy link

@SergiOn SergiOn commented Jan 26, 2025

Defect Fixes

#7383
We have a global box-sizing: border-box which break default browser behavior.
Overriding this style locally to default, except "PrimeNG", breaks other local libraries.
This PR add "box-sizing: border-box" just for "PrimeNG" name space

Feature Requests

Apply box-sizing: border-box for "PrimeNG" name space avoid to apply "box-sizing: border-box" globally

Copy link

vercel bot commented Jan 26, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

2 Skipped Deployments
Name Status Preview Updated (UTC)
primeng ⬜️ Ignored (Inspect) Visit Preview Jan 26, 2025 3:24pm
primeng-v18 ⬜️ Ignored (Inspect) Visit Preview Jan 26, 2025 3:24pm

Copy link

vercel bot commented Jan 26, 2025

@SergiOn is attempting to deploy a commit to the primetek Team on Vercel.

A member of the Team first needs to authorize it.

@SergiOn
Copy link
Author

SergiOn commented Jan 26, 2025

@tundisto

@SergiOn
Copy link
Author

SergiOn commented Jan 26, 2025

@cagataycivici

@mertsincan mertsincan added the Status: Discussion Issue or pull request needs to be discussed by Core Team label Jan 29, 2025
@tri-harmoney
Copy link
Contributor

+1

We need this box-sizing to be scoped to the primeng framework as well, it has impact on our whole application otherwise.

*[class^="p-"],
*[class*=" p-"],
*[class^="p-"]::before,
*[class*=" p-"]::before
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
*[class*=" p-"]::before
*[class*=" p-"]::before,

@jin-harmoney
Copy link

jin-harmoney commented Feb 20, 2025

@mertsincan @cagataycivici PrimeNG is designed to be design agnostic. Scoping this css to the PrimeNG namespace is the correct solution, no?

Update

To be clear, we're not using one of the provided themes in our application, so #7383 did not affect us in v17. It however does affect us when trying to upgrade to v18. I can understand you want to avoid doing incompatible changes to the themes, but we can't upgrade to v18 atm, so imo the impact of #7383 is larger than it was in v17.

@jin-harmoney
Copy link

@SergiOn would you mind applying the suggestion from @tri-harmoney ?

@imaksp
Copy link
Contributor

imaksp commented Feb 21, 2025

Not sure if its still planned for Angular but unstyled mode support should allow people to use fully custom theme/design. its already supported in Vue & React version.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Discussion Issue or pull request needs to be discussed by Core Team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants